<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="utf-8">
  <title>其他教职工信息</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

  <link rel="stylesheet" type="text/css" href="templates/project/layui/css/layui.css" />
  <style>
    .laytable-cell-1-0-0 {
      width: 100px !important;
    }
  </style>
</head>
<script type="text/javascript" src="templates/project/layui/layui.js"></script>
<script type="text/javascript" src="templates/project/layui/layui.all.js"></script>
<script type="text/javascript" src="../jquery-3.4.0.min.js"></script>

<body>
  <div th:if="${messages}">
    <h2 th:text="${messages}" />
  </div>
  <div id="box">
    <input type="text" name="search" placeholder="请输入身份证" id="idCard">
    <button id="search" type="button" class="layui-btn layui-btn-normal">搜索</button>

  </div>
  <div>
    <form method="post" enctype="multipart/form-data" action="/upLoadStudentEssentialInformation">
      <table>
        <tr>
          <td>上传文件：</td>
          <td><input type="file" name="file" /></td>
        </tr>

        <tr>
          <td></td>
          <td><input type="submit" value="上传" /></td>
        </tr>
      </table>
    </form>


  </div>
  <button type="button" onclick="downExcel()">基础数据表模板下载</button>
  <div>
    <ul>
      <li th:each="file : ${files}">
        <a th:href="${file}" th:text="${file}" />
      </li>
    </ul>
  </div>
  <table id="test3" lay-filter="test3" class="layui-hide"></table>
  <script>
    var tableData = new Array();
    tableRender()
    function tableRender() {
      var table = layui.table;
      table.render({
        elem: '#test3'
        , url: "http://10.120.0.140:8093/studentCompleteData/findAllStudentCompleteData" //表格一页显示10条数据
        , data: tableData.data
        , page: true //开启分页
        , cols: [
          [
            { title: '序号', type: 'numbers', fixed: 'left', align: 'center', sort: true }
            , { field: 'studentName', title: '学生姓名', edit: 'text', minWidth: 120, fixed: 'left', align: 'center' }
            , {
              field: 'idCard',
              title: '身份证',
              edit: 'text',
              minWidth: 200,
              fixed: 'left'
              , align: 'center'
            }
            , { field: 'studentXJ', title: '学籍状态', edit: 'text', minWidth: 120, align: 'center' }
            , { field: 'entrance', title: '入学口', minWidth: 100, edit: 'text', align: 'center' }
            , { field: 'studentStatus', title: '学生状态', minWidth: 100, edit: 'text', align: 'center' }
            , { field: 'grade', title: '年级', minWidth: 80, edit: 'text', align: 'center' }
            , { field: 'classes', title: '专业', minWidth: 200, edit: 'text', align: 'center' }
            , { field: 'sex', title: '性别', minWidth: 80, edit: 'text', align: 'center' }
            , { field: 'political', title: '政治面貌', minWidth: 100, edit: 'text', align: 'center' }
            , { field: 'familyPhotoNumber', title: '家庭电话', minWidth: 280, edit: 'text', align: 'center' }
            , { field: 'studentAddress', title: '家庭住址', minWidth: 280, edit: 'text', align: 'center' }
            , { field: 'photoNumber', title: '电话号码', minWidth: 280, edit: 'text', align: 'center' }
            , { field: 'studentImgUrl', title: '头像url', minWidth: 80, edit: 'text', align: 'center' }
          ]
        ]

        , done: function (res, curr, count) {
          for (var i = 0; i < res.data.length; i++)   //遍历返回数据
          {
            if (res.data[i].achievement > 100 || res.data[i].achievement < 0)    //设置条件
            {
              $("table tbody tr").eq(i + 2).find('td').eq(7).css('color', 'red')    //改变满足条件行的颜色
            }
            if (res.data[i].infoJudge == 'false1')    //设置条件
            {
              $("table tbody tr").eq(i + 2).find('td').eq(1).css('color', 'red')    //改变满足条件行的颜色
              $("table tbody tr").eq(i + 2).find('td').eq(2).css('color', 'red')    //改变满足条件行的颜色
            }
            if (res.data[i].infoJudge == 'false2')    //设置条件
            {
              $("table tbody tr").eq(i + 2).find('td').eq(2).css('color', '')
              $("table tbody tr").eq(i + 2).find('td').eq(1).css('color', 'red')    //改变满足条件行的颜色
            }
          }
        }

      });

    }
    $("#search").click(function () {
      var idCard = $("#idCard").val();
      $.ajax({
        url: "http://10.120.0.140:8093/studentCompleteData/findByIdCard",
        type: "get",
        data: { "idCard": idCard },
        dataType: "json",
        success: function (result) {
          tableData = result
          layui.use('table', function () {
            tableRender()
            table.on('edit(test3)', function (obj) {
              // debugger;
              console.log(obj);

              var value = obj.value //得到修改后的值
                , data = obj.data //得到所在行所有键值
                , field = obj.field; //得到字段
              layui.use('jquery', function () {
                var $ = layui.$;
                $.ajax({
                  type: 'get',
                  url: "http://10.120.0.140:8093/updateStudentEssentialInformation", // ajax请求路径
                  data: {
                    id: data.id,
                    field: field,
                    value: value
                  },
                  success: function (data) {
                    location.href = 'studentEssentialInformation(1).html'
                    // window.location = 'http://127.0.0.1:5500/adminProject/student/studentEssentialInformation(1).html'
                    layer.msg('修改成功');
                  }
                });
              });
            })
          })
        }
      })
    })

        // $.ajax({
        //     url: "http://10.120.0.140:8093/studentCompleteData/findAllStudentCompleteData",
        //     dataType: "json",
        //     success: function (result) {
        //         var data = result.data
        //         tableData = result;
        //         layui.use('table', function () {
        //             tableRender();
        //         })
        //     }
        // })

        // 表格内容
        // function tableList() {
        //     var table = layui.table;
        //     table.render({
        //         elem: '#test3'
        //         , url: "http://10.120.1.19:8093/studentCompleteData/findAllStudentCompleteData" //表格一页显示10条数据
        //         , data: tableData.data
        //         , page: true //开启分页
        //         , cols: [
        //             [
        //                 { title: '序号', type: 'numbers', Width: 20 }
        //                 , { field: 'studentName', title: '学生姓名', edit: 'text', minWidth: 120 }
        //                 , {
        //                     field: 'idCard',
        //                     title: '身份证',
        //                     edit: 'text',
        //                     minWidth: 300,
        //                     sort: true,
        //                 }
        //                 , { field: 'studentXJ', title: '学籍状态', edit: 'text', minWidth: 120, sort: true }
        //                 , { field: 'entrance', title: '入学口', minWidth: 80, edit: 'text' }
        //                 , { field: 'studentStatus', title: '学生状态', minWidth: 200, edit: 'text' }
        //                 , { field: 'political', title: '政治面貌', minWidth: 80, edit: 'text' }
        //                 , { field: 'familyPhotoNumber', title: '家庭电话', minWidth: 80, edit: 'text' }
        //                 , { field: 'studentAddress', title: '家庭住址', minWidth: 80, edit: 'text' }
        //                 , { field: 'photoNumber', title: '电话号码', minWidth: 80, edit: 'text' }
        //                 , { field: 'studentImgUrl', title: '头像url', minWidth: 80, edit: 'text' }
        //             ]
        //         ]
        //     })
        // }


  </script>
  <script>
    function downExcel() {
      window.open("http://127.0.0.1:8093/studentEssentialInformationFiles");
    }
  </script>
</body>

</html>